<template>
	<view>
		<view class="groupPurchases" @click="tiaozhuan">
			<image class="groupPurchasesImage" src="../../static/QQ截图20240907145615.png">

			</image>
			<view style="display: flex;">
				<text class="name">北京四日追花拍摄秘籍-故宫</text>
				<uni-icons class="circle1" type="circle" size="30" color="#1D6FFF"></uni-icons>
				<uni-icons class="forward1" type="forward" size="17" color="#1D6FFF"></uni-icons>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			tiaozhuan() {
				uni.navigateTo({
					url: "/pages/discountDetails/discountDetails"
				})
			}
		}
	}
</script>

<style>
	page {
		background-color: #FFFFFF;
	}

	.groupPurchases {
		position: relative;
		left: 18px;
		top: 5px;
		margin-top: 10px;
		width: 342px;
		height: 228px;
		background-color: rgba(255, 255, 255, 1);
		box-shadow: 0px 2px 6px 0px rgba(206, 206, 206, 0.77);
	}

	.groupPurchasesImage {
		left: 1px;
		width: 339px;
		height: 195px;
		background-color: rgba(229, 229, 229, 1);
	}

	.name {
		position: absolute;
		left: 10px;
		top: 200px;
		width: 186px;
		height: 20px;
		line-height: 20px;
		color: rgba(16, 16, 16, 1);
		font-size: 14px;
		text-align: left;
		font-family: PingFangSC-regular;
	}

	.circle1 {
		position: absolute;
		right: 10px;
		margin-bottom: 0px;
	}

	.forward1 {
		position: absolute;
		right: 15px;
		margin-bottom: 0px;
	}
</style>